<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<title>手机淘宝主题换肤设计大赛</title>
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<link rel="stylesheet" href="css/picture.css" />
		<link rel="stylesheet" href="css/header.css" />

		<body>
			<div class="header">
				<div class="navbar">
					<ul>
						<li>
							<a href="#"><img class="logo" src="img/logo.png" width="82%" /></a>
						</li>
						<li>
							<a href="#" class="navbar-item navbar-item-active">首页</a>
						</li>
						<li>
							<a href="#" class="navbar-item">发现&or;</a>
							<ul class="submenu">
								<li>作品</li>
								<li>文章</li>
								<li>设计大赛</li>
								<li>线下活动</li>
							</ul>
						</li>
						<li>
							<a href="#" class="navbar-item">学习&or;</a>
							<ul class="submenu">
								<li>教程</li>
								<li>专题</li>
								<li>书籍</li>
								<li>UTalk</li>
								<li>每周临摹</li>
							</ul>
						</li>
						<li>
							<a href="#" class="navbar-item">培训&or;</a>
							<ul class="submenu">
								<li>线下培训</li>
								<li>在线课程</li>
							</ul>
						</li>
						<li>
							<a href="#" class="navbar-item">招聘</a>
						</li>
						<li>
							<a href="#" class="navbar-item">话题</a>
						</li>
						<li>
							<a href="#" class="navbar-item">更多&or;</a>
							<ul class="submenu">
								<li>竞赛</li>
								<li>灵感</li>
								<li>工具</li>
								<li>主题学院</li>
							</ul>
						</li>
					</ul>
					<div class="right-nav">
						<div class="search">
							<img src="img/search.png" width="80%" class="search-logo" />
						</div>
						<div class="login-hd">
							<img src="img/user.png" width="30%" class="login-logo" />
							<a href="#" class="login">登录</a>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="banner">
					<div class="banner-top">
						<p class="step1">STEP1：到手机淘宝换肤平台</p>
						<a class="a1" href="https://skin-builder.taobao.com/login" target="_blank">上传皮肤素材</a>
					</div>
					<div class="banner-bottom">
						<p class="step2">STEP2：在当前活动页面</p>
						<a href="http://upload.ui.cn/active.html?act=contests&amp;actid=140" target="_blank">上传皮肤效果图</a>
					</div>
				</div>
				<!--
                作者：1255116997@qq.com
                时间：2017-07-01
                描述：导航
            -->
				<div class="nav">
					<div class="nav-wpn">
						<ul class="nav-list">
							<li class="nav-index">
								<a href="">首页</a>
							</li>
							<li class="nav-item">
								<a href="">活动详情</a>
							</li>
							<li class="nav-item">
								<a href="">全部作品</a>
							</li>
							<li class="nav-item">
								<a href="">获奖作品</a>
							</li>
							<li class="nav-item">
								<a href="">关于我们</a>
							</li>

						</ul>
						<div class="down">
							<a href="">下载规范</a>
						</div>
					</div>
				</div>
				<div class="introduction">
					<div class="introduction-title">
						<img src="img/picture/first.png" alt="活动介绍">
					</div>
					<div class="description">
						<div class="description-top">
							<p>
								手机淘宝主题皮肤自2016年诞生以来，为亿万用户提供了上百套个性皮肤，累计使用量破亿，深受年轻用户喜爱。数百位有才华的设计师也在这里收获了自己成千上万的粉丝，并实现了每天赚一杯星巴克的小小梦想。想成为下一个网红设计师吗？快来参赛，用你的才华征服我们~</p>
						</div>
						<div class="description-bottom">
							<p>
								好皮肤有千千万，但独缺你设计的那一套～
							</p>
						</div>

					</div>
				</div>
				<div class="time-node">
					<div class="time-title">
						<img src="img/picture/second.png" alt="大赛时间">
					</div>
					<div class="time-main">
						<div class="time-img">
							<img src="img/picture/time.png" alt>
						</div>
					</div>
				</div>
				<div class="award">
					<div class="award-title">
						<img src="img/picture/third.png" alt="活动介绍">
					</div>
					<div class="award-main">
						<div class="award-best">
							<p class="best-title">
								最牛设计
							</p>
							<div class="award-con">
                				<dl class="award-list1">
				                    <dt class="z">
				                    	<span><img src="img/picture/imac.png" width="140px" style="vertical-align:middle" height="110px" alt="">
				                    	</span>
				                    </dt>
				                    <dd class="z">一等奖（1名）
				                    </dd>
				                    <dd class="z" id="dd2">苹果5件套（价值约¥40000）
				                    </dd>
				                    <dd class="z-list1">iMac 27英寸
				                    </dd>
				                    <dd class="z-list1">iPad pro 512G
				                    </dd>
				                    <dd class="z-list1">iPhone7 plus 256G
				                    </dd>
				                    <dd class="z-list1">Smart Keyboard for 12.9英寸 iPad pro
				                    </dd>
				                    <dd class="z-list1">Apple pencil for iPad 
				                    </dd>
				                </dl>
                				<dl class="award-list2">
                    				<dt class="z"><img src="img/picture/mac.png" alt="" style="width: 174px;height: 102px;position: absolute;right: 0;top:32px"></dt>
                    				<dd class="z">二等奖（2名）</dd>
                    				<dd class="z" id="dd2">MacBook Pro</dd>
                    				<dd class="z-list2" >价值约¥15000</dd>
               					 	</dl>
                					<dl class="award-list3">
                    				<dt class="z">
                    					<img src="img/picture/ipad_pro.png" alt="" style="width: 174px;height: 139px;position: absolute;right: -8px;top: 13px;">
                    					</dt>
				                    <dd class="z">三等奖（3名）</dd>
				                    <dd class="z" id="dd2">iPad Pro</dd>
				                    <dd class="z-list3">价值约¥5000</dd>
				                </dl>
				                <dl class="award-list4">
				                    <dt class="z"><img src="img/picture/beats.png" alt="" style="width: 95px;height: 135px;"></dt>
				                    <dd class="z">创意奖（10名）</dd>
				                    <dd class="z" id="dd2">Beats Solo3耳机</dd>
				                    <dd class="z-list4">价值约¥3000</dd>
				                </dl>
            				</div>
						</div>
						<div class="award-moods">
							<p class="moods-title">
								人气冲天
							</p>
							<div class="award-con">
                				<dl class="award-list1">
				                    <dt class="z">
				                    	<span><img src="img/picture/imac2.png" width="140px" style="vertical-align:middle" height="110px" alt="">
				                    	</span>
				                    </dt>
				                    <dd class="z">人气No.1（1名）
				                    </dd>
				                    <dd class="z" id="dd2">iMac
				                    </dd>
				                    <dd class="z-list1">价值约¥10000
				                    </dd>
				                </dl>
                				<dl class="award-list2">
                    				<dt class="z"><img src="img/picture/ipad_pro.png" alt="" style="width: 174px;height: 139px;position: absolute;right: -8px;top: 13px;"></dt>
                    				<dd class="z">人气No.2（1名)</dd>
                    				<dd class="z" id="dd2">iPad Pro</dd>
                    				<dd class="z-list2" >价值约¥6000<</dd>
               					 	</dl>
               					<dl class="award-list3">
                    				<dt class="z"><img src="img/picture/iwatch.png" alt="" style="width: 96px;height: 129px;"></dt>
				                    <dd class="z">人气No.3（1名）</dd>
				                    <dd class="z" id="dd2">iWatch S2</dd>
				                    <dd class="z-list3">价值约¥3000</dd>
				                </dl>	                					
				                <dl class="award-list4">
				                    <dt class="z"><img src="img/picture/book.png" alt="" style="width: 146px;height: 133px;"></dt>
				                    <dd class="z">优秀作品奖（47名）</dd>
				                    <dd class="z" id="dd2">Moleskine＋淘公仔</dd>
				                    <dd class="z-list4">价值约¥500</dd>
				                </dl>
            				</div>
						</div>
					</div>
				</div>
				<div class="judges-box">
					<div class="judges">
						<div class="judges-title">
							<img src="img/picture/forth.png" alt="活动介绍">
						</div>
						<div class="judges-main">
							<div class="zuiniu">
								<h3>最牛设计奖</h3>
								<p>由5位专家评委评选产生，评审原则如下:</p>
								<ul>
									<li>
										<span></span> 规范性：符合手机淘宝主题换肤的设计规范，适合手机淘宝app的使用界面，作品完成度高，素材完整。
									</li>
									<li>
										<span></span> 应用性：适合手机淘宝的使用场景，可以提升用户使用手机淘宝的体验乐趣。
									</li>
									<li>
										<span></span> 创意性：设计方案具有创意性、独特性，设计风格和手法鲜明有趣，视觉效果美观大方，内容健康积极向上。
									</li>
								</ul>
							</div>
							<div class="renqi">
								<h3 style="padding-bottom: 15px;">人气冲天奖</h3>
								<p>作品通过基本审核以后，在手机淘宝app主题换肤频道上线。活动期间(截至2017年7月20日0时0分0秒)产生的皮肤实际使用人数将作为人气冲天奖的唯一评选依据。</p>
								<p class="tip">TIPS：</p>
								<ul>
									<li>① 越早上线的皮肤，累计使用量会越高哦~~早早参赛优势巨大~~ </li>
									<li>② 等你的皮肤通过审核被发布上线后，把它直接或截图分享到自媒体(如微博、微信群、朋友圈)，或在UI中国的皮肤预览效果图中加入分享淘长图或链接，让更多人看到你的才华，会有助于皮肤使用量的提高哦~</li>
								</ul>
							</div>
							<div class="jury">
								<h3>大赛评委</h3>
								<ul class="cl">
									<li class="z">
										<dl>
											<dt><img src="img/picture/yun.png" alt=""></dt>
											<dd class="zz">青云</dd>
											<dd>阿里巴巴UED资深总监</dd>
										</dl>
									</li>
									<li class="z">
										<dl>
											<dt><img src="img/picture/qi.png" alt=""></dt>
											<dd class="zz">奇维</dd>
											<dd>淘宝UED资深专家</dd>
										</dl>
									</li>
									<li class="z">
										<dl>
											<dt><img src="img/picture/dong.png" alt=""></dt>
											<dd class="zz">董景博</dd>
											<dd>UI中国创始人</dd>
										</dl>
									</li>
									<li class="z">
										<dl>
											<dt><img src="img/picture/ping.png" alt=""></dt>
											<dd class="zz">路平</dd>
											<dd>阿里云UED资深专家</dd>
										</dl>
									</li>
									<li class="z">
										<dl>
											<dt><img src="img/picture/fei.png" alt=""></dt>
											<dd class="zz">隼飞</dd>
											<dd>蚂蚁金服UED总监</dd>
										</dl>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="explain">
					<div class="explain-title">
						<img src="img/picture/fifth.png" alt="活动介绍">
					</div>
					<div class="explain-main">
						<ul class="main-top">
            				<li>① 手机淘宝皮肤素材包括底部导航栏、首页icon、我的淘宝背景图等素材（创作前请仔细阅读《手机淘宝主
               				 	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题换肤设计规范》）
               				</li>
            				<li>② 图片格式、大小尺寸遵守规范
            				</li>
           					<li>③ 作品必须是设计师本人原创
           					</li>
           			 		<li>④ 主题积极向上，表意清晰，创意有趣，适合手机淘宝的调性
           			 		</li>
        				</ul>
        				<div class="main-bottom"><a href="">下载规范</a>
        				</div>
					</div>
				</div>
				<div class="process">
					<div class="process-title">
						<img src="img/picture/sixth.png" alt="活动介绍">
					</div>
					<div class="process-step">
						<ul class="cl">
            				<li class="z">
				                <p class="p1">上传皮肤所有素材</p>
				                <p class="p2">到<a href="https://skin-builder.taobao.com" target="_blank">手机淘宝主题换肤平台</a></p>
            				</li>
            				<li class="z">
				                <p class="p1">上传皮肤效果预览图</p>
				                <p class="p2">到<a href="http://upload.ui.cn/active.html?act=contests&actid=140" target="_blank">UI中国设计平台</a></p>
            				</li>
				            <li class="z">
				                <p class="p1">参赛成功</p>
				                <p class="p2">淘宝&UI中国</p>
				            </li>
        				</ul>
					</div>
				</div>
				<div class="contact">
					<div class="contact-title">
						<img src="img/picture/seven.png" alt="活动介绍">
					</div>
					<div class="contact-main">
            			<dl class="z">
                			<dt><img src="img/picture/dingding.png" alt=""></dt>
                			<dd><i class="icon-dingding"></i>大赛钉钉群</dd>
            			</dl>
            			<dl class="z">
                			<dt><img src="img/picture/qq.png" alt=""></dt>
                			<dd><i class="icon-qq"></i>大赛QQ群</dd>
            			</dl>            
    				</div>
				</div>
			</div>
			<div class="footer">
				<ul class="cl">
        			<li class="z">
            			<div>主办方：<img src="img/picture/taobao.png" style="vertical-align:middle;"  alt="淘宝"></div>
        			</li>
        			<li class="z">
            			<div>承办方：<img src="img/picture/uichina.png" style="vertical-align:middle;" alt="UI中国"></div>
        			</li>
    			</ul>
    		<div class="end">
    			如果您有设计事宜想与UI中国合作，请联系QQ:373632289&nbsp;&nbsp;&nbsp;Email:bd@ui.cn&nbsp;
    		</div>
		</div>
				
		</body>
	</html>					